<template>
    <div class="footer">
        <div class="footer">
            <p>Vue.js 实例</p>
        </div>
    </div>
</template>
<script>
    export default{
        
    }
</script>

<style>
    .footer{
        height: 60px;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        border-top: 2px solid #ccc;
        background-color: #000;

    }

    .footer p{
        font-size: 10px;
        color:#fff;
        text-align: center;
    }
</style>